
<template>
  <h1>originalB:{{ originalB.name }}</h1>
  <h1>originalB.obj.name:{{originalB.obj.name}}</h1>
</template>
<script setup lang="ts" name="Count">
import { reactive, toRaw } from 'vue'

const b = reactive({ name: 'zll', age: 10, obj: { name: '小红' } })

const originalB = toRaw(b)
setTimeout(()=>{
originalB.name = 'e'
originalB.obj.name = '小三'
// 已经更改，但是不会引起视图发生变化，因为toRaw返回的是原始对象，常用于给外部原始数据
console.log('originalB,',originalB)
},2000)
</script>
